.fr {
  float: right;
}
.fl {
  float: left;
}
.clearfix {
  zoom: 1;
}
.title {
  font-size: 16px;
  font-weight: 600;
}

.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  height: 0;
}

/* 滚动条自定义样式 */
.scrollbar {
  // &::-webkit-scrollbar {
  //   width: 0px;
  // }

  &::-webkit-scrollbar-track-piece {
    background-color: #fff;
  } /* 滚动条的内层滑轨背景颜色 */

  &::-webkit-scrollbar-track {
    background-color: #fff;
  } /* 滚动条的外层滑轨背景颜色 */

  &::-webkit-scrollbar-thumb {
    background-color: #d4d8e2;
  } /* 滚动条的内层滑块颜色 */

  &::-webkit-scrollbar-button {
    background-color: #fff;
  } /* 滑轨两头的监听按钮颜色 */
}

/* 无宽度滚动条 */
.scrollbar-none {
  &:extend(.scrollbar all);
  &::-webkit-scrollbar {
    width: 0px;
  }
}

/* 2px宽度滚动条 */
.scrollbar-small {
  &:extend(.scrollbar all);
  &::-webkit-scrollbar {
    width: 2px;
  }
}

/* 公共标题&操作区 */
.title-option-box {
  overflow: hidden;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  .title{
    float: left;
  }
  .option {
    float: right;
    & > .ivu-btn:not(:last-child) {
      margin-right: 4px;
    }
  }
}

.page-box {
  margin-top: 15px;
  &:extend(.clearfix all);
  .page-box-size {
    width: 80px;
  }
  &-page {
    float: right;
  }
}

/* 搜索框默认宽度 */
.DS_search {
  width: 200px !important;
}

/* 输入框等 默认宽度 */
.DS_operation {
  width: 300px !important;
}

.DS_operation_middle {
  width: 152px !important;
}
/* 输入框等 small */
.DS_operation_small {
  width: 120px !important;
}

.DS_operation_lowest {
  width: 112px !important;
}

/* 输入框等 large */
.DS_operation_large {
  width: 400px;
}

.DS_ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}